.piece{
	padding: 20rpx 20rpx 0 20rpx;
	.piece-content{
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 0rpx 0rpx;
		padding: 20rpx;
		.index-cell{
			position: relative;
			padding: 20rpx 0 20rpx 20rpx;
			height: 180rpx;
			border-radius: 10rpx;
			.index-cell-title{
				font-size: 24rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				color: #999999;
			}
			.index-cell-value{
				padding-top: 26rpx;
				.cell-value-number{
					font-size: 40rpx;
					font-family: 'din',DINAlternate-Bold, DINAlternate;
					font-weight: bold;
					color: #333333;
				}
				.cell-value-unit{
					padding-top: 13rpx;
					font-size: 20rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					color: #333333;
				}
				.cell-value-mark{
					margin-left: 5rpx;
					padding:0 5rpx;
					height: 32rpx;
					border-radius: 4rpx;
					
					text-align: center;
					font-size: 20rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					line-height: 32rpx;
				}
			}
			.index-cell-mark{
				position: absolute;
				right: 0;
				bottom: 0;
				width: 40rpx;
				height: 40rpx;
				
				border-radius: 10rpx 0rpx 10rpx 0rpx;
			}
		}
		.piece-content-synopsis{
			font-size: 28rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			color: #666666;
			line-height: 42rpx;
			text-indent: 56rpx;
		}
		
		.piece-content-title{
			height: 100rpx;
			.content-title-text{
				font-size: 32rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 600;
				color: #333333;
			}
			.content-title-ingestion{
				padding-left: 10rpx;
				.title-ingestion-number{
					font-size: 40rpx;
					font-family: 'din',DINAlternate-Bold, DINAlternate;
					font-weight: bold;
					color: #1DC691;
				}
				.title-ingestion-unit{
					padding-top:13rpx;
					padding-left:2rpx;
					font-size: 20rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					color: #1DC691;
				}
			}
			
		}
		.piece-content-element{
			border-bottom: 2rpx solid #E5E5E5;
			.content-element-left{
				width: 256rpx;
			}
			.content-element-right{
				flex: 1;
				.element-right-row{
					height: 50rpx;
					.right-row-mark{
						width: 20rpx;
						height: 20rpx;
						border-radius: 5rpx;
					}
					.right-row-name{
						padding-left:8rpx;
						font-size: 24rpx;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						color: #333333;
					}
					.right-row-scale{
						padding-right: 9rpx;
						text-align: right;
						width: 80rpx;
						font-size: 24rpx;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						color: #333333;
					}
					.right-row-divider{
						width: 2rpx;
						height: 16rpx;
						background: #E5E5E5;
						border-radius: 1rpx;
					}
					.right-row-heat{
						padding-left:9rpx;
						width: 122rpx;
						font-size: 24rpx;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						color: #999999;
					}
				}
			}
		}
		.piece-content-describe{
			padding-top: 27rpx;
			padding-left: 20rpx;
			padding-bottom: 14rpx;
			.content-describe-text{
				padding-right: 10rpx;
				font-size: 28rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				color: #999999;
			}
			.content-describe-mark{
				text-align: center;
				line-height: 32rpx;
				font-size: 25rpx;
				background: #FAB66B;
				color: #ffffff;
				width: 32rpx;
				height: 32rpx;
				border-radius: 50rpx;
			}
		}
	}
}
.index-overrun{
	background: linear-gradient(360deg, #FFF9F6 0%, #FFF6F2 100%);
}
.index-normal{
	background: rgba(29,198,145,0.07);
}
.title-overrun{
	background: #FFE3D9;
	color: #E8612E;
}
.title-normal{
	background: #D3F9ED;
	color: #1DC691;
}
.more-overrun{
	background: #F9936D;
}
.more-normal{
	background: #71EDC6;
}